{extend name="public/base"/}
{block name="body"}
	<style>
	@media (min-width:768px){.banner999{ height: 924px;}}
	@media (max-width:768px){.banner999{ height: 200px;}}
	</style>
	<iframe src="/index/index/indexbanner" width="100%"  scrolling="no" frameborder="0" class="banner999"></iframe>
    </div>
    <div class="kalkulate-intro section-padding ash-white-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <h2 class="base-color">{$zjxt['title']}</h2>
                        <p class="large-pra">{$zjxt['description']}</p>
                    </div>
                </div>
            </div>
            <div class="row row-eq-rs-height">
                <div class="col-md-4 col-sm-6">
                    <div class="kalkulate-single-intro wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".3s">
                        <div class="text">
                            <h3 class="intro-heading">{$gywm['title']}</h3>
                            <p>{$gywm['description']|msubstr=0,100,'utf-8',true}</p>
                            <a href="{:url('index/content/newsdetail?model=news',array('id'=>$gywm['id']))}">查看更多 >></a>
                        </div>
                    </div><!--/.kalkulate-single-intro-->
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="kalkulate-single-intro wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".5s">
                        <div class="text">
                            <h3 class="intro-heading">{$qywh['title']}</h3>
                            <p>{$qywh['description']|msubstr=0,100,'utf-8',true}</p>
                            <a href="{:url('index/content/newsdetail?model=news',array('id'=>$qywh['id']))}">查看更多 >></a>
                        </div>
                    </div><!--/.kalkulate-single-intro-->
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="kalkulate-single-intro wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".7s">
                        <div class="text">
                            <h3 class="intro-heading">{$ryzz['title']}</h3>
                            <p>{$ryzz['description']|msubstr=0,100,'utf-8',true}</p>
                            <a href="{:url('index/content/newsdetail?model=news',array('id'=>$ryzz['id']))}">查看更多 >></a>
                        </div>
                    </div><!--/.kalkulate-single-intro-->
                </div>
            </div>
        </div>
    </div>
    
    
<style>
@media (min-width:768px){.banner888{ width: 100%; height: 500px;}}
@media (max-width:768px){.banner888{ width: 100%;height: 300px;}}
</style>
<iframe src="/index/index/hotpro" width="100%"  scrolling="no" frameborder="0" class="banner888"></iframe>

<iframe src="/index/index/newpro" width="100%"  scrolling="no" frameborder="0" class="banner888"></iframe> 
    
    <hr class="kal-separator no-margin"/>
    <section class="why-choose-us-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <h2>{$xzwm['title']}</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="panel-group  wow fadeInRight" id="accordion" data-wow-duration="1.5s" data-wow-delay=".3s">
                    	{volist name="xzwmList" id="item"}
                        <div class="panel">
    						<div class="panel-heading">
    							<a class="accordion-toggle {if $i!=1}collapsed{/if}" data-toggle="collapse" data-parent="#accordion" href="#collapse{$i}">
    							<h4>{$item['title']}</h4>
                                <i class="indicator fa fa-angle-right"></i>
    							</a>
    						</div>
    						<div id="collapse{$i}" class="panel-collapse collapse {if $i==1}in{/if}">
    						  <div class="panel-body">
                                  <p>{$item['content']}</p>
    						  </div>
    						</div>
    					</div><!--/.panel-->
    					{/volist}
					</div>
                </div>
                <div class="col-md-6">
                    <div class="progress-section wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s">
                        <p>{$xzwm['content']}</p>
                        <div class="all-progress" id="progress-running">
                            <div class="progress-item">
                                <span class="progress-heading">全国分布</span>
                                <div  class="progress-bg">
                                    <div id='progress-one' class="progress-rate" data-value='{$xzwm["qgfb"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                            <div class="progress-item">
                                <span class="progress-heading">精英团队</span>
                                <div  class="progress-bg">
                                    <div id='progress-two' class="progress-rate" data-value='{$xzwm["jytd"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                            <div class="progress-item">
                                <span class="progress-heading">成功案例</span>
                                <div  class="progress-bg">
                                    <div id='progress-three' class="progress-rate" data-value='{$xzwm["cgal"]}'>
                                    </div>
                                </div>
                            </div><!--/.progress-item-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="testimonial-area ash-white-bg section-padding">
        <div class="container">
            <div class="all-counter">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                            <div class="icon">
                                <i class="icon-icomoon-light-bulb"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['experience']}
                              </div>
                                <span>年经验</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">
                            <div class="icon">
                                <i class="icon-icomoon-bar-chart"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['users']}
                              </div>
                                <span>用户</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".6s">
                            <div class="icon">
                                <i class="icon-icomoon-diamond"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['city']}
                              </div>
                                <span>城市</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                    <div class="col-md-3 col-xs-6">
                        <div class="single-counter wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s">
                            <div class="icon">
                                <i class="icon-icomoon-like"></i>
                            </div>
                            <div class="text">
                                <div class="counter">
                                    {$xzwm['case']}
                              </div>
                                <span>案例</span>
                            </div>
                        </div><!--/.single-counter-->
                    </div>
                </div>
            </div>
            <hr class="kal-separator "/>
		</div>
    </div>
    
    
    
    
    <div class="home-two-gallery section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <span>Engineering case</span>
                        <h2>工程案例</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="gallery-filter text-center">
                        <ul>
                            <li><a href="#!" data-filter="*">所有</a></li>
                        	{volist name="city" id="item"}
                        	{if ($i-1)>0}
                            <li><a href="#!" data-filter=".p-{$i-1}">{$item}</a></li>
                            {/if}
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="gallery-grid" style="position: relative; height: 1205.06px;">
                	{volist name="case" id="item"}
                	{php}$flag = $i/3;{/php}
                	{switch name="flag"}
	                	{case value="1"}{php}$len = 0;{/php}{/case}
	                	{case value="2"}{php}$len = 33.2479;{/php}{/case}
	                	{default /}{php}$len = 66.5812;{/php}
					{/switch}
					<div class="grid-item  {if $item['city']}p-{$item['city']}{/if}" style="position: absolute; left: {$len}%; top: 0px;">
                    	<div class="inner-grid">
                            <a href="{:url('index/case/detail?model=case',array('id'=>$item['id']))}"><img src="{:get_cover($item['cover_id'],'path')}" class="img-responsive"></a>
                            <div class="text">
                                <h4><a href="{:url('index/case/detail?model=case',array('id'=>$item['id']))}">{$item['title']}</a></h4>
                            </div>
                        </div><!--/.inner-grid-->
                   	</div>
                   	{/volist}
               </div>
			</div>
            
            
            
            <div class="row">
                <div class="col-md-12">
                    <div class="load-more text-center mt50 pdb30">
                        <a href="{:url('index/cases/lists?model=cases',array('id'=>18))}" class="kal-button btn-semi-large base-border">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    <section class="blog-style-two-section section-padding ash-white-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-heading text-center">
                        <h2>新闻资讯</h2>
                        <span>News Center</span>
                    </div>
                </div>
            </div>
            <div class="row row-eq-rs-height">
            	{volist name="news" id="item"}
				<div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="blog-item blog-style-one wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                       
                        <div class="blog-text">
                            <h4><a href="newsx.php">{$item['title']}</a></h4>
                            <p>{$item['description']|msubstr=0,50,'utf-8',true}</p>
                        </div>
                        <div class="date">
                            {$item['create_time']||date="Y-m-d",###}
                        </div>
                    </div><!--/blog-item-->
                </div>
                {/volist}
            </div>
        </div>
    </section>
    
    
    {:ad("fczs")}
    
{/block}